<template>
  <div id="error"></div>
</template>
<script lang="ts">
export default {
  // name: "error",
};
</script>
<script lang="ts" setup>
onMounted(() => {
  document.getElementById("error")!.style.backgroundImage =
    "url('" +
    new URL(
      `/img/` + Math.floor(Math.random() * 11 + 1) + `.png`,
      import.meta.url
    ).href +
    "')";
});
</script>

<style lang="scss" scoped>
#error {
  position: absolute;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: 50% 50%;
}
</style>
